<template>
  <div class="box">
    <Head />
    <Ban />
    <Shop />
    <Fashion />
    <Hot />
    <Mark />
    <Brand />
    <Myfooter />
  </div>
</template>

<script>
import Head from "../components/index/Head.vue";
import Ban from "../components/index/Ban.vue";
import Shop from "../components/index/Shop.vue";
import Fashion from "../components/index/Fashion.vue";
import Hot from "../components/index/Hot.vue";
import Mark from "../components/index/Mark.vue";
import Brand from "../components/index/Brand.vue";
import Myfooter from "../components/index/Myfooter.vue";

export default {
  name: "index",
  components: {
    Head,
    Ban,
    Shop,
    Fashion,
    Hot,
    Mark,
    Brand,
    Myfooter,
  },
};
</script>

<style>
html,
body {
  height: 100%;
}
html {
  font-size: 26.67vw;
}
body {
  font-size: 16px;
  display: flex;
  flex-direction: column;
}
.box {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
</style>
